<template>
    <div class="Preson">
  <h2>当前求和：{{ sum }},每次都乘{{ bigsum }}</h2>
  <button @click="changeSum">sum++</button>
  <hr>
  <img v-for="(item,index) in dogList" :key="index" :src="item" alt="">
  <br>
    <button @click="getDog">再来一只dog</button>
    </div>
</template>

<script lang="ts" setup>
import  dogLists  from '../hooks/dogList';
import  userDog  from '../hooks/userDog';

const { sum, changeSum ,bigsum} = dogLists()
const {dogList,getDog} = userDog()


</script>

<style scoped>
.Preson {
    background-color: #ddd;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}

button { 
    margin: 0 10px;
}
img{
    margin: 0 10px;
    height: 100px;
}
</style>